import {Component} from '@angular/core';
import {SelectItem} from 'primeng/primeng';
import {CarService} from '../service/carservice';
import {CountryService} from '../service/countryservice';
import {Car} from '../domain/car';
@Component({
    templateUrl: './checkboxdemo.html',
    styles: [`
        .ui-grid .ui-grid-col-1,
        .ui-grid .ui-grid-col-11 {
            padding: 4px 10px;
        }

        .ui-grid label {
            display: block;
            margin: 2px 0 0 4px;
        }
      
        h1{color:#ff8800;}
        h2{
          background: #e0e0e0;
          text-align: center;
          line-height: 4rem;

        }

    `]
})

export class CheckboxDemo {

    selectedCities: string[] = [];

    selectedCategories: string[] = ['Technology', 'Sports'];

    checked: boolean = false;
}

export class ChipsDemo {

    values1: string[];

    values2: string[];
}

export class EditorDemo {

   text1: string = '<div>Hello World!</div><div>PrimeNG <b>Editor</b> Rocks</div><div><br></div>';

   text2: string;
}

export class InputTextDemo {

    text: string;

    disabled: boolean = true;

    toggleDisabled() {
        this.disabled = !this.disabled;
    }
}

export class InputTextareaDemo {

}

export class InputMaskDemo {

    val1: string;

    val2: string;

    val3: string;

    val4: string;

    val5: string;

    val6: string;
}

export class SpinnerDemo {

    val1: number;

    val2: number;

    val3: number;

    val4: number = 100;
}

export class ToggleButtonDemo {

    checked1: boolean = false;

    checked2: boolean = true;
}

export class InputSwitchDemo {

    checked3: boolean = false;

    checked4: boolean = true;
}

export class RadioButtonDemo {

    val1: string;

    val2: string = 'Option 2';
}
